.mrwm{ display:none}
@media (max-width:1200px){
	
	.content,.main,.pc-nav ul,.anli,.ys{width:100%; max-width:750px; min-width:320px; margin:0 auto}
	.head .hot{ display:none;}
	.pc-nav ul li{width:25%; border-right:1px #fff solid; border-top:1px #fff solid; box-sizing:border-box; height:inherit; line-height:inherit; padding:3% 0; }
	.pc-nav,.product{ max-width:750px; margin:0px auto}
	.head .logo { text-align:center; margin:0px auto;
    float: none;
    margin: 10px auto;}
	.head .logo img{ width:90%}
	.head{ height:inherit;}
	.banner{ display:none;}
		.mbanner{ display:block; max-width:750px;}
.pc-nav ul li a{ font-size:0.22rem;}


.wary_left{ width:auto; float:none}
.pic_nav ul h4{ width:100%; overflow:hidden; clear:both; font-size:0.25rem; height:inherit; line-height:inherit; padding:3% 0; padding-left:50px;}
.pic_nav ul{ padding:0 10px; background:#fff;}
.pic_nav ul li {
    height:inherit;
    line-height: inherit; 
    overflow: hidden; float:left; width:50%; text-align:center;
    background: #fff ;
    font-size: 15px;
    border: 5px #fff solid;
	 box-sizing:border-box;
    padding-left: 0px;
}
.pic_nav ul li a{ display:block; border:1px #ccc solid; padding:3% 0; font-size:.2rem;}

.wary_right{ width:100%; max-width:750px; }
.product .pic ul li p{ font-size:0.22rem;}

.product .pic ul li{ width:50%;margin:0px; border:5px #fff solid; box-sizing:border-box;}
.product .pic ul li:nth-child(n+9){ display:none;}


.product .pic1 ul li p{ font-size:0.22rem;}

.product .pic1 ul li{ width:50%;margin:0px; border:5px #fff solid; box-sizing:border-box;}



.pic_nav{ display:none;}

.anli_lb ul li {
    width: 50%;
    border: 5px #fff solid;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
}
.anli_lb ul li:nth-child(n+5){ display:none;}

.anli_lb ul li .anl h3 {
    white-space: nowrap;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 0.22rem;;
    color: #000;
    height:auto;
    line-height: 36px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

.anli_xy ul li{width:50%;border:5px #f5f5f5 solid;float:left;box-sizing:border-box;overflow:hidden}


.anli_xy ul li .anl h3 {
    white-space: nowrap;
    padding: 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 0.22rem;;
    color: #000;
    height:auto;
    line-height: 36px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-weight: 400;
}

.product{ padding-top:10px;}
.title{ width:85%; margin:10px auto;}
.title p{ font-size:0.3rem;}
.title1 p {
    font-size: 0.3rem;
}
.title1 span{ font-size:0.2rem;}


.adv{ width:100%; max-width:750px; margin:20px auto 0;}
.adv .tit img.pc{display:none}
	.adv .tit img.m{ display:block}
	.adv .swiper-container{width:100%;margin-top:25px}
	.adv .swiper-wrapper{display:flex}
	.adv .swiper-slide .pic{float:initial!important;width:75%;margin:0 auto}
	.adv .swiper-slide .pic img{width:100%;height:auto}
	.adv .swiper-slide .intro{float:initial!important;width:100%;margin:0 auto;margin-top:20px}
	.adv .swiper-slide .intro .info{width:94%;height:auto}
	.adv .swiper-slide .intro .num{width:10%;height:inherit;font-size:0.2rem;line-height:inherit; padding:2% 0;margin-left:1px}
	.adv .swiper-slide .intro .info h4{font-size:0.3rem}
	.adv .swiper-slide .intro .info p{font-size:0.2rem;line-height:0.35rem;height:auto;-webkit-line-clamp:100}
	.adv .swiper-pagination{position:inherit;margin-top:15px}
	.adv .swiper-pagination span{opacity:1;background:#999;width:12px;margin:0 8px!important;height:12px}
	.adv .swiper-pagination-bullet-active{background:#02b29c!important}
	.ys .swiper-pagination{ display:block}
	
	.contact .ewm,.links,.footer .menu,.footer .info .tit,.cr { display:none;}
	.footer .left{ float:none; text-align:center; margin:0px auto;}
	.footer .left img{ text-align:center; width:90%;margin: 0px auto;}

.footer .info {  margin:10px auto 0;; padding-top:10px; 
    float: none;
    width: 100%; text-align:center;
    color: #fff;
    font-size: 0.2rem;
    line-height: 0.4rem;
}
.contact .bd{ width:auto; margin:50px 15px 10px;}
.contact {
    
    background:#ffe5c6 url(../images/bg04.png) no-repeat center top; background-size:100%; 
    padding-bottom: 20px;
 
}
.contact .bd ul {
    padding: 50px;
    float: none; width:auto;
    border-right: 1px #ccc solid;
}

.contact .bd ul li {
    width: 100%;
    float: none;
    font-size: 0.23rem;
    padding-top: 10px;
    border-right: 20px #fff solid;
    margin-bottom: 20px;
    box-sizing: border-box; overflow:hidden;
}
.contact .bd ul li div{ width:15%}
.contact .bd ul li div img{ width:100%;}
.contact .tit b{ font-size:0.3rem; text-align:center;}
.contact .tit{ text-align:center;}
.contact .tit h4{ font-size:0.3rem; height:inherit; line-height:inherit; padding:4% 0;}
.fn{width:100%;height:auto;overflow:hidden;display:block;position:fixed;bottom:0;left:0;z-index:10000}
	.fn ul li{height:80px;width:25%;float:left}
	.fn ul li img{display:block;margin:0 auto;height:30px;margin:0 auto;margin-top:17px}
	.fn ul li p{color:#fff;font-size:12px;text-align:center;margin-top:5px}
	.fn ul li:nth-child(1){background:#2c69da}
	.fn ul li:nth-child(2){background:#eb4242}
	.fn ul li:nth-child(3){background:#ffa629}
	.fn ul li:nth-child(4){background:#28c46a}
	
	.news,.contact,.footer{ max-width:750px; margin:0px auto}
	
	.product{ padding:0px;}
	.pro-intro .share{width:100%;height:auto;line-height:22px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}
.pro-intro .share p span{display:block;font-size:12px;color:#999;padding:0 8px}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}
.fy p{width:50%;height:60px;line-height:60px;float:left;color:#666;font-size:16px; padding:0 10px;text-align:center;border-right:1px solid #d2d2d2; box-sizing:border-box;}
.fy p:last-child{ border-top:1px #ccc solid;width:100%;}
.fy p a{color:#666}
.pro-intro{ padding:20px 10px;}

.footer .left .name img:first-child{ display:none;}
.footer .left .name img:last-child{ display:block;}
.head{ padding:0px;}

.cont-article{ width:auto;}

.crumbs{width:auto;height:auto;}
.main_mbx{ width:auto; padding: 0 10px 0 25px; max-width:750px;}
.about-article .info{ padding:0 10px;}
.mrwm{ width:150px; overflow:hidden; margin:0px auto; display:block;}
.mrwm img{ width:100%;} 

.footer{ padding-bottom:1.2rem; margin-top:20px;}

}



@media (max-width:750px){

.news-list ul li{width: 100%;
    background: #fff;
    height:inherit;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    padding: 5px;
    float: none;
    margin: 10px auto; overflow:hidden;}
	.contact{ margin-top:15px;}
	
	.cont-article p{ font-size:16px; margin-top:20px; line-height:32px;}
	
}

@media (max-width:420px){
.contact .bd ul {
    padding: 20px 10px;
    float: none; width:auto;
    border-right: 1px #ccc solid;
}

.news .swiper-slide .time,.news-list ul li .time {
    float: left;
    width: 90px;
    height: 100px;
    margin-right: 20px;
    display: inline-table;
}
}


@media (max-width:550px){
	.pic_nav ul { margin:0 10px;}
.pic_nav ul li{ width:33%; margin-bottom:1%;}
.pic_nav ul li a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (max-width:420px){.top .box ul li b dd{font-size:15px}
}